*{ margin:0; padding:0; list-style:none;}
body{background:#FFFFFF; font-family: "Helvetica Neue", Helvetica, Arial, Microsoft Yahei, sans-serif;}
.clearfix{clear: both;height: 10px;}
.clearfix20{clear: both;height: 20px;}
.container {}
.logo{text-align: center;}
.hotline{text-align: center;}
@media (min-width: 768px) {
.logo{text-align: left; margin: 0; padding-bottom: 30px; margin-top: 17px;}
.hotline{text-align: right; margin: 0; padding-bottom: 30px; margin-top: 17px;}
}
@media (min-width: 992px) {
.logo{text-align: left; margin: 0; padding-bottom: 30px; margin-top: 17px;}
.hotline{text-align: right; margin: 0; padding-bottom: 30px; margin-top: 17px;}
}
@media (min-width: 1200px) {
.logo{text-align: left; margin: 0; padding-bottom: 30px; margin-top: 17px;}
.hotline{text-align: right; margin: 0; padding-bottom: 30px; margin-top: 17px;}
}
@media (max-width: 768px) {
.logo{text-align: left; margin: 0; padding-bottom: 0; margin-top: 0;}
.logo img{display: block; margin-left: auto; margin-right: auto;}
}
.header_title{background: url("../images/index_bg.png") repeat-x;}
.index{padding-bottom: 9px;}
.index h2{margin: 0; font-size: 12px; color: #777676;}
@media (max-width: 768px) {
.index h2{margin: 0; font-size: 12px; color: #777676; padding-left: 15px;}
}
.welcome{padding-bottom: 9px; padding: 0 10px; font-size: 12px; color: #31708f;}
.navbar{margin-bottom: 0;}
.navbar-default {
	background: #5490af;
	border-color: #e7e7e7;
}
.navbar-nav > li {float: left; background: #5490af;}
.navbar-default .navbar-nav > li > a {
	color: #fff;
	font-size: 16px;
	letter-spacing: 1px;
	background: url("../images/nav_li_a.png") no-repeat;
	background-position: right center;
	padding: 15px 9px;
	width: 150px;
	font-weight: bold;
	text-align: center;
}
.navbar-default .navbar-nav > li > a > span{padding-right: 5px;}
.navbar-default .navbar-nav > li > a:hover{color:#FF0000; background: url("../images/nav_li.png") repeat-x;}
.navbar-default .navbar-nav > li > a:focus {color: #ff6600; background-color: transparent;}
.container-fluid{margin: 0 -15px; padding: 0;}
@media (max-width: 768px) {
.container-fluid .navbar-header{margin-left: 0; margin-right: 0;}
.navbar-nav {margin: 0;}
.navbar-nav > li {float: none; border-bottom: 1px solid #fff;}
.navbar-default .navbar-nav > li > a{padding: 10px 20px; background: none;}
}

.banner{margin-bottom: 15px;}
.customer{margin: 15px 10px 10px 10px;}
.customer h4{font-size:16px; margin: 0; line-height: 32px; padding-left: 5px; color: #305BE4; font-weight: bold; border-bottom: 2px solid #ff6600; letter-spacing: 1px;}
.customer h4 span{padding-right: 6px;}
.customer img{display: block; margin-left: auto; margin-right: auto;}
.customer_list{padding: 10px 5px; border: 1px solid #eee; margin-top: 15px;}
.customer_list ul li{float: left; padding: 5px 10px;}
.customer_list ul li p{text-align: center; margin: 12px 0 0 0; font-size: 14px;}
.customer_list ul li p a{color: #333;}
.customer_list ul li p a:hover, a:focus {color: #305be4;}
.customer_list .marquee{height: 190px; width: auto; overflow: hidden;}
.row .col-lg-3 .col-md-3 .col-sm-3 .col-xs-12{margin-bottom: 0;}
.prolist{border:solid #e5e5e5 1px; margin-right: 25px; border-radius:5px; margin-left: 10px; background: #f2f2f2;}
.prolist h4 {
	background: #5490af;
	font-size: 18px;
	line-height: 45px;
	text-align: center;
	color: #fff;
	margin: 0;
	font-weight: bold;
	letter-spacing: 2px;
}
.prolist h3{background: rgb(255, 102, 0); color: #fff; font-size:15px; line-height: 40px; padding-left: 8px; margin-top: 0px; border: 1px solid #eeeded; margin-bottom: 5px;}
.prolist h3 span{margin-right: 6px; font-size: 12px;}
.prolist h3 a{color: #fff;}
.prolist h3 a:hover{color: #305be4;}
.prolist ul{margin-bottom: 10px;}
.prolist ul li{padding-left: 10px; line-height: 35px; border-bottom: 1px solid #ddd;}
.prolist ul li span{color:#ff6600; font-size: 12px;}
.prolist ul li a{margin-left: 6px; color: #444444; font-size: 15px;}
.prolist ul li a:hover, a:focus {color: #305be4; text-decoration: underline;}
.product h3{font-size:16px; margin: 5px 10px 0 10px; line-height: 32px; padding-left: 5px; color: #305BE4; font-weight: bold; border-bottom: 2px solid #ff6600; letter-spacing: 1px;}
.product h3 a{color: #FCFCFC; font-size: 12px; padding: 3px; background: #ff6600; border-radius: 6px;}
.product h3 span{padding-right: 6px;}
.product h3 a:hover, a:focus {color: #fff; text-decoration: underline;}
.product_list .row {margin: 15px 0 0 0;}
.product_list .thumbnail {background:none ; display: block; line-height: 1.5; margin: 0 9px 20px 9px; border-radius: 0px; padding: 0px;}
.product_list .thumbnail a>img{transition: .4s all;}
.product_list .thumbnail a>img:hover{transform: scale(1.1,1.1);}
.product_list h2{background: url("../images/hot_pro.png.html") repeat-x; font-size:14px; margin-bottom:0; line-height: 32px; padding-left: 30px; color: #333;margin-top: 0px; font-weight: bold;}
.product_list .thumbnail .caption {text-align: center; background: #f6f4f4; padding: 8px;}
.product_list .thumbnail .caption p{padding: 10px 0; text-align: left; color: #666666;}
.product_list .thumbnail .caption a{font-size: 15px; color: #333;}
.product_list .thumbnail .caption a:hover{color: #ff6600;}
.product_list .thumbnail .caption ul{margin-bottom: 0; margin-top: 3px;}
.product_list .thumbnail .caption ul li{font-size: 12px; color: #666666; padding-top: 3px;}
.product_list p{font-size: 14px; text-indent: 2em; margin-bottom: 0;}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    min-height: 1px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 10px;
    position: relative;
}
.box{margin: 10px 0 30px 0; margin-right: -15px; margin-left: -15px;}
.box1{margin: 20px 0; margin-right: -15px;}
@media (max-width: 768px) {
.box {margin: 10px 0 30px 0; margin-right: 0; margin-left: 0;}
.box1 {margin: 20px 0; margin-right: 0;}
}
.advantage{background: url("../images/advantage.gif.html") repeat; margin-left: 10px; margin-right: 10px;}
.advantage .row{padding-bottom: 25px; border-bottom: 4px #e5e5e5 solid; padding-top: 10px;}
.advantage h3{margin-top: 10px; padding-bottom: 0; margin-bottom: -15px;}
.advantage h4 span{color: #ff6600; font-size: 50px; margin-right: 10px}
.advantage p{color: #373737; padding-left: 55px; font-size: 16px;}
.advantage p span{padding-right: 6px; font-size: 15px; color: #ff6600;}
.advantage li{color: #305be4; padding-left: 55px; margin-top: 20px; font-size: 16px;}
.advantage li span{padding-right: 6px; font-size: 15px; color: #305be4;}
.words1{margin-top: 10px; padding: 0 23px;}
.words1 h4{background: url("../images/ys_ico1.png") no-repeat 0; color: #ff6600; margin-top: 10px; margin-bottom: 0; font-size: 22px; font-weight: bold; padding: 18px 55px;}
.words2{margin-top: 10px; padding: 0 23px;}
.words2 h4{background: url("../images/ys_ico2.png") no-repeat 0; color: #ff6600; margin-top: 10px; margin-bottom: 0; font-size: 22px; font-weight: bold; padding: 18px 55px;}
.words3{margin-top: 10px; padding: 0 23px;}
.words3 h4{background: url("../images/ys_ico3.png") no-repeat 0; color: #ff6600; margin-top: 10px; margin-bottom: 0; font-size: 22px; font-weight: bold; padding: 18px 55px;}
.words4{margin-top: 10px; padding: 0 23px;}
.words4 h4{background: url("../images/ys_ico4.png") no-repeat 0; color: #ff6600; margin-top: 10px; margin-bottom: 0; font-size: 22px; font-weight: bold; padding: 18px 55px;}
.pic{padding: 20px 30px 0 30px;}
.process h2{background: #ffffff; font-size:18px; margin-bottom:0; margin-top:20px; line-height: 32px; padding-left: 20px; color: #305BE4; font-weight: bold; border-bottom: 2px solid #d5d5d5; letter-spacing: 1px;}
.guidance{margin: 0 10px; position: relative;}
.guidance h3{font-size:16px; margin-bottom:0; margin-top:10px; line-height: 32px; color: #305BE4; margin-right: 10px; padding-left: 5px; font-weight: bold; border-bottom: 2px solid #8AA3E4; letter-spacing: 1px;}
.guidance h3 span{padding-right: 6px;}
.guidance h3 span a{color: #FCFCFC; font-size: 12px; padding: 3px; background: #ff6600; border-radius: 6px;}
.guidance ul{margin: 15px 10px 10px 0px; border: 1px #eee solid;}
.guidance ul li{line-height: 35px; border-bottom: 1px #ddd dashed;}
.guidance ul li span{padding-right: 5px; color: #ff6600; font-size: 12px;}
.guidance ul li a{color: #333;}
.guidance ul li a:hover{color: #ff6600;}
.cooperation{background: #eee; margin: 15px 0;}
.cooperation h4{margin-top: 10px; margin-bottom: 0;}
.company{margin: 0 10px;}
.company h4{font-size:16px; margin-bottom:0; margin-top:0; line-height: 32px; color: #305BE4; margin-right: 20px; padding-left: 5px; font-weight: bold; border-bottom: 2px solid #8AA3E4; letter-spacing: 1px;}
.company h4 span{padding-right: 6px;}
.company h4 span a{color: #FCFCFC; font-size: 12px; padding: 3px; background: #ff6600; border-radius: 6px;}
.conpany_brief{padding-right: 20px; margin-left: 10px;}
.conpany_brief img{margin: 15px 10px;}
@media (max-width: 768px) {
.conpany_brief img{margin: 10px;}
}
.conpany_brief p{padding: 4px 10px; line-height: 26px; text-indent: 2em; margin-bottom: 0;  font-size: 13px;}
.news{margin: 0 10px 10px 10px;}
.news h3{font-size:16px; margin-bottom:0; margin-top:0; line-height: 32px; color: #305BE4; padding-left: 5px; font-weight: bold; border-bottom: 2px solid #8AA3E4; letter-spacing: 1px;}
.news h3 span{padding-right: 6px;}
.news h3 span a{color: #337ab7; font-weight: normal;}
.news h3 a{color: #305BE4;}
.news h3 a:hover{color: #ff6600;}
.news ul{margin: 15px 0px 10px 0px; border: 1px #eee solid;}
.news ul li{line-height: 35px; border-bottom: 1px #ddd dashed; padding-left: 10px;}
.news ul li span{padding-right: 5px; color: #ff6600; font-size: 12px;}
.news ul li a{color: #333;}
.news ul li a:hover{color: #ff6600;}
.contact{margin: 0 10px; position: relative;}
.contact h4{font-size:15px; margin-bottom:0; margin-top:20px; line-height: 32px; color: #305BE4; margin-right: 15px; padding-left: 10px; font-weight: bold; border-bottom: 2px solid #8AA3E4; letter-spacing: 1px;}
.contact h4 span{padding-right: 10px;}
.contact ul{margin: 15px 15px 10px 0px; border: 1px #ddd solid;}
.contact ul li{line-height: 25px; padding-left:10px; padding-top: 10px;}
.contact ul li span{padding-right: 10px;}
.contact ul img{padding: 18px;}
.comment{margin: 0 10px;}
.comment h4{font-size:16px; margin-bottom:0; margin-top:10px; line-height: 32px; color: #305BE4; padding-left: 5px; font-weight: bold; border-bottom: 2px solid #8AA3E4; letter-spacing: 1px;}
.comment h4 span{padding-right: 6px;}
.comment form{margin: 15px 0; border: 1px #eee solid; padding: 0 5px 15px 5px;}
.comment .form-horizontal .form-group{margin: 0px 10px;}
.form-horizontal .control-label{text-align: left; font-weight: normal; padding-top: 16px; color: #333;}
.control-label span{padding-right: 2px; font-size: 12px; color: #f60;}
.input-sm{border-radius: 0px; height: 35px; font-size: 14px; }
.form-control{background-color: #f5f5f5; border: 1px solid #f60; color: #333; padding-left: 10px;}
.btn{border-radius: 0px; }
.btn-primary{background-color: #ff6600; border-color: #f5f5f5;}
.btn-primary:hover{background-color: #305be4;}
.form-group img{padding-left: 15px;}
.link h4{font-size:16px; margin-bottom: 10px; margin-top:10px; line-height: 32px; color: #305BE4; padding-left: 5px; font-weight: bold; border-bottom: 2px solid #ff6600; font-style:italic; letter-spacing: 1px;}
.link h4 span{padding-right: 6px; font-size: 16px; color: #DF336E;}
.link ul{padding: 0 10px;}
.link li{display: inline; padding: 0 5px; line-height: 25px; padding-bottom: 15px;}
.link li a{color: #194A7C;}
.link li a:hover{color: #305be4;}
.footer{font-size: 14px; margin-top: 10px;}
.foot-nav {
	background: #68add0;
}
.footer ul{margin-top: 8px; text-align: center; color: #fff; margin-bottom: 10px; height: 30px;}
.footer ul li a{color: #fff; font-size: 14px;}
.footer ul li a:hover{color: #ff6600;}
.foot_content p{text-align: left; margin-bottom: 3px; font-size: 14px; padding-top: 3px; color: #333;}
.foot_content p span{padding-right: 5px; color: #333; font-size: 12px;}
.foot_content p a{color: #333;}
.foot_content p a:hover{color: #ff6600;}
.list-inline > li {display: inline-block; padding-right: 10px; padding-left: 10px; line-height: 35px;}
.foot_logo{margin: 0 20px 10px 40px; width: 110px;}
.foot_content{line-height: 22px; padding: 10px 15px;}
@media (max-width: 768px) {
.foot_content {padding: 10px 15px 55px 15px; background: #47a3ff;}
.foot_content img{text-align: center; padding-top: 15px; padding-bottom: 10px;}
.footer p{color: #fff;}
.footer p a{color: #fff;}
.foot_content p span{color: #fff;}
}
.breadcrumb{margin-bottom: 15px; background: url("../images/nav_position.png.html") repeat; margin-left: -15px; margin-right: -15px; border-radius: 0;}
.breadcrumb li span{padding-right: 5px; color: #ff6600;}
.breadcrumb li a{color: #305be4;}
.breadcrumb li a:hover{color: #ff6600;}
.breadcrumb > .active {color: #555;}
.breadcrumb>li+li:before{color: #ff6600; content: ">";}
.prolist_main{padding: 0; margin: 0; border:solid #eee 1px;}
.prolist_main h1{font-size: 22px; text-align: center; font-weight: bold; color: #305BE4; padding: 0 0 20px 0; background: none; border-bottom: 2px solid #ff6600; letter-spacing: 1px;}
.prolist_main h2{font-size:16px; margin: 5px 10px 0 10px; line-height: 32px; padding-left: 5px; color: #305BE4; font-weight: bold; border-bottom: 2px solid #ff6600; letter-spacing: 1px;     padding-bottom: 6px;}
.prolist_main h2 span{padding-right: 8px;}
.prolist_main h2 a{color: #305BE4;}
.prolist_main h2 a:hover{color: #ff6600;}
.description{padding: 0 15px;}
.description p{text-indent: 2em; line-height: 25px; padding-top: 5px;}
.description img{padding: 10px 20px 0 0;}

.lemma-catalog{background: #f6f4f4;}
.lemma-catalog h2{color: #fff; background: #137EF4; padding: 34px 0; text-align: center; margin: 5px 15px 5px 15px; font-size: 24px; letter-spacing: 4px; border: none;}
.lemma-catalog p{text-indent: 0em; margin: 0 10px 15px 10px; line-height: 25px;}
.lemma-catalog p a{color: #fff; background: #ff6600; padding: 6px 20px; border-radius: 6px;}
.lemma-catalog p a:hover{color: #fff; background: #137EF4; text-decoration: none; font-weight: normal;}
.prolist_video{}
.pager{margin: 0 0; background: #f6f4f4; padding: 5px; border-radius: 5px;}
.prolist_price{}
.prolist_price ul{padding: 10px 30px;}
.prolist_price li{padding: 12px 0;}
.prolist_price ul li span{padding-right: 5px; color: #ff6600; font-size: 13px; padding-top: 2px;}
.prolist_price li a{padding-left: 5px; color: #333; font-size: 15px;}
.prolist_price li a:hover{color: #ff6600;}
.prolist_price li span{float: right; padding-right: 10px; font-size:13px;}
.prolist_price p{text-indent: 2em; color: #666; font-size: 13px; line-height: 28px; padding-bottom: 5px; border-bottom: 1px dashed #edadad;}
.prolist_factory{}
.prolist_factory ul{padding: 10px 30px;}
.prolist_factory li{padding: 12px 0;}
.prolist_factory ul li span{padding-right: 5px; color: #ff6600; font-size: 13px; padding-top: 2px;}
.prolist_factory li a{padding-left: 5px; color: #333; font-size: 15px;}
.prolist_factory li a:hover{color: #ff6600;}
.prolist_factory li span{float: right; padding-right: 10px; font-size:13px;}
.prolist_factory p{text-indent: 2em; color: #666; font-size: 13px; line-height: 28px; padding-bottom: 5px; border-bottom: 1px dashed #edadad;}
.prolist_side{border:solid #e5e5e5 1px; margin-right: 15px; border-radius:5px; margin-left: 0; background: #f2f2f2;}
@media (min-width: 768px) {
.prolist_side{margin-right: 0; margin-top: -10px; margin-right: 25px;}
}
.prolist_side h4 {
	background: #5490af;
	font-size: 18px;
	line-height: 45px;
	text-align: center;
	color: #fff;
	margin: 0;
	font-weight: bold;
	letter-spacing: 2px;
}
.prolist_side h3{background: rgb(255, 102, 0); color: #fff; font-size:14px; line-height: 36px; padding-left: 8px; margin-top: 0px; border: 1px solid #eeeded; margin-bottom: 5px;}
.prolist_side h3 span{margin-right: 6px; font-size: 12px;}
.prolist_side h3 a{color: #fff;}
.prolist_side h3 a:hover{color: #305be4;}
.prolist_side ul{margin-bottom: 5px;}
.prolist_side ul li{padding-left: 10px; line-height: 30px; border-bottom: 1px solid #ddd;}
.prolist_side ul li span{color:#ff6600; font-size: 12px;}
.prolist_side ul li a{margin-left: 6px; color: #444444;}
.prolist_side ul li a:hover, a:focus {color: #305be4; text-decoration: underline;}
.contact_side{margin-right: 25px;}
@media (min-width: 768px) {
.contact_side{margin-right: 25px;}
}
.contact_side h4{font-size:15px; margin-bottom:0; margin-top:20px; line-height: 32px; color: #305BE4; margin-right: 15px; padding-left: 10px; font-weight: bold; border-bottom: 2px solid #8AA3E4; letter-spacing: 1px;}
@media (min-width: 768px) {
.contact_side h4{margin-right: 1px;}
}
.contact_side h4 span{padding-right: 10px;}
.contact_side ul{margin: 15px 15px 10px 0px; border: 1px #ddd solid;}
@media (min-width: 768px) {
.contact_side ul{margin: 15px 1px 10px 0px;}
}
.contact_side ul li{line-height: 15px; padding-left:10px; padding-top: 15px;}
.contact_side ul li span{padding-right: 10px;}
.contact_side ul img{padding: 8px;}

.selection-guide{margin-left: 15px; position: relative; margin-top: 20px; margin-right: 15px;}
@media (min-width: 768px) {
.selection-guide{margin-left: 0; position: relative; margin-top: 20px; margin-right: 23px;}
}
.selection-guide h3{font-size:16px; line-height: 32px; color: #305BE4; margin: 10px 0 0 0; padding-left: 5px; font-weight: bold; border-bottom: 2px solid #ff6600; letter-spacing: 1px;}
.selection-guide h3 span{padding-right: 6px;}
.selection-guide h3 a{color: #305BE4;}
.selection-guide h3 a:hover{color: #ff6600;}
.selection-guide ul{margin: 15px 0; border: 1px #eee solid;}
.selection-guide ul li{line-height: 35px; border-bottom: 1px #ddd dashed; padding-left:10px;}
.selection-guide ul li span{padding-right: 5px; color: #ff6600; font-size: 12px;}
.selection-guide ul li a{color: #333;}
.selection-guide ul li a:hover{color: #ff6600;}
.technical-guide{margin: 20px 15px; position: relative;}
@media (min-width: 768px) {
.technical-guide{margin: 20px 23px 20px 0; position: relative;}
}
.technical-guide h3{font-size:16px; line-height: 32px; color: #305BE4; margin: 10px 0 0 0; padding-left: 5px; font-weight: bold; border-bottom: 2px solid #ff6600; letter-spacing: 1px;}
.technical-guide h3 span{padding-right: 6px;}
.technical-guide h3 a{color: #305BE4;}
.technical-guide h3 a:hover{color: #ff6600;}
.technical-guide ul{margin: 15px 0; border: 1px #eee solid;}
.technical-guide ul li{line-height: 35px; border-bottom: 1px #ddd dashed; padding-left:10px;}
.technical-guide ul li span{padding-right: 5px; color: #ff6600; font-size: 12px;}
.technical-guide ul li a{color: #333;}
.technical-guide ul li a:hover{color: #ff6600;}

.list-contact{margin-left: 10px; position: relative; border:dashed #adacac 1px;}
.list-contact h4{font-size:16px; line-height: 32px; color: #305BE4; margin: 10px 0 0 0; padding-left: 5px; font-weight: bold; border-bottom: 2px solid #ff6600; letter-spacing: 1px;}
.list-contact h4 span{float: right; padding-right: 10px;}
.list-contact h4 span a{color: #FCFCFC; font-size: 12px; padding: 1px;}
.list-contact ul{margin: 0; background: url("../images/article.png.html") repeat; padding-bottom: 10px;}
.list-contact ul li{line-height: 20px; background: url("../images/artlist.png.html") no-repeat 10px 18px; padding-left:22px; padding-top: 10px;}
.list-contact ul img{padding-top: 10px;}
.list-contact h4 span{float: right; padding-right: 5px;}
.list-contact h4 span a{color: #fcfcfc; font-size: 12px; padding: 1px;}

.bdsharebuttonbox{padding-left: 25px; padding-bottom: 10px; padding-top: 10px; background: #f6f4f4;}

.product_thumb{padding: 10px 0 15px 15px; background: #f6f4f4;}
.product_thumb img{padding: 10px 5px 6px 0;}
.art_lemma-catalog{background: #f6f4f4; padding-bottom: 15px; padding-top: 15px;}
.art_lemma-catalog h2{color: #fff; background: #137EF4; padding: 5px 0; text-align: center; margin: 5px 20px 5px 5px; font-size: 15px; letter-spacing: 1px; line-height: 26px; border: none; font-weight: normal;}
.art_lemma-catalog p{text-indent: 0; padding: 5px 10px; line-height: 20px; border: 1px #ccc solid; margin: 10px;}
@media (max-width: 768px) {
.art_lemma-catalog p{margin: 2px;}
}
.art_lemma-catalog p a{color: #fff; background: #ff6600; padding: 5px 10px; font-size: 13px; border-radius: 8px;}
.art_lemma-catalog p a:hover{color: #fff; background: #137EF4; text-decoration: none; font-weight: normal;}
.art_lemma-catalog .catalog_list{margin: 0 0 0 10px;}
.art_lemma-catalog .catalog_list1{margin-top: 0; padding-top: 0; padding: 0 5px;}
.art_lemma-catalog .catalog_list2{margin-top: 0; padding-top: 0; padding: 0 5px;}
.content_detail{padding: 0 10px;}
@media (min-width: 768px) {
.content_detail{padding: 0 25px;}
}
.content_detail h2{font-size:16px; margin: 5px 10px 0 10px; line-height: 25px; padding-left: 25px; color: #305BE4; letter-spacing: 1px; padding-bottom: 6px; border-bottom: none; background: url("../images/h2-title.png.html") no-repeat 0px 1px;}
.shuxing h2{font-size:16px; margin: 5px 10px 0 25px; line-height: 25px; padding-left: 25px; color: #305BE4; letter-spacing: 1px; padding-bottom: 6px; border-bottom: none; background: url("../images/h2-title.png.html") no-repeat 0px 1px;}
.content_detail h2 span{padding-right: 8px; font-size: 13px;}
.content_detail h3{font-size:16px; margin: 5px 10px 0 10px; line-height: 25px; padding-left: 0; color: #ff6600; font-weight: normal; letter-spacing: 1px; padding-bottom: 6px; border-bottom: none; text-indent: 2em;}
.content_detail h3 span{padding-right: 8px; font-size: 13px;}
.content_detail h4{font-size:15px; margin: 5px 10px 0 10px; line-height: 25px; padding-left: 0; color: #305BE4; font-weight: normal; letter-spacing: 1px; padding-bottom: 6px; border-bottom: none;}
.content_detail h4 span{padding-right: 8px; font-size: 13px;}
.content_detail p{font-size: 15px; text-indent: 2em; margin: 8px 0; line-height: 30px;}
.content_detail li{font-size: 14px; text-indent: 3em; margin: 4px 0; line-height: 24px;}
.content_detail img{padding: 10px 0; text-indent: 0em; display: block; margin-left: auto; margin-right: auto; max-width: 100%; height: auto;}
.center-block {display: block; margin-left: auto; margin-right: auto;}

.artlist_main{padding: 0; margin: 0; border:solid #eee 1px;}
.aticle_list{padding: 0 10px;}
@media (min-width: 768px) {
.aticle_list{padding: 0;}
}
.aticle_list h1{font-size: 22px; text-align: center; font-weight: bold; color: #305BE4; padding: 10px 0 15px 0; margin-bottom: 5px; margin-top: 10px; background: none; border-bottom: 2px solid #ff6600; letter-spacing: 1px;}
.aticle_list ul p{text-indent: 2em; color: #666; font-size: 13px; line-height: 28px; padding-bottom: 5px;}
.aticle_list ul{padding: 5px 20px;}
.aticle_list li h4{font-size:15px; line-height: 30px; margin-top: 0;}
.aticle_list li a{color: #305BE4;}
.aticle_list li a:hover{color: #ff6600;}
.aticle_list li h4 span{float: right; padding-right: 6px; font-size:13px; color: #ff6600; margin-top: 6px; }
.aticle_list .detail{padding: 0 15px;}
.aticle_list .detail img{padding: 10px 20px 0 0;}
.aticle_list .detail p{text-indent: 2em; line-height: 25px; padding: 5px 5px 0 0; background: #f6f4f4; color: #333; margin-bottom: 0;}
.artlist_content{padding: 5px 20px;}
.artlist_content h3{font-size:14px; line-height: 30px; font-weight: bold; margin-top: 10px; border-bottom: 2px solid #d5d5d5; background: url("../images/list.png") no-repeat 0px 9px; margin-left: 25px;}
.artlist_content a{padding-left: 15px; color: #305BE4;}
.artlist_content a:hover{color: #fa1020;}
.artlist_content h3 span{float: right; padding-right: 10px; font-size:12px; font-weight: normal;}
.artlist_content p{text-indent: 2em; font-size: 14px; line-height: 25px; margin-bottom: 0; color: #555; margin-left: 25px; padding-bottom: 20px;}

.art-list{border-bottom: 1px dashed #edadad;}
.art-list .list-right{padding-left: 25px;}

.articlecategory{margin-left: 10px; position: relative; border:solid #eee 1px;}
.articlecategory h3{font-size:16px; line-height: 32px; color: #305BE4; margin: 10px 0 0 0; padding-left: 10px; font-weight: bold; border-bottom: 2px solid #d5d5d5;  letter-spacing: 1px;}
.articlecategory h3 a{color: #305BE4;}
.articlecategory h3 a:hover{color: #fa1020;}
.articlecategory h3 span{float: right; padding-right: 5px;}
.articlecategory h3 span a{color: #fcfcfc; font-size: 12px; padding: 1px; background: #C31F1F; border-radius: 3px;}
.articlecategory ul{margin: 5px 0;}
.articlecategory ul li{line-height: 30px; background: url("../images/pro_dl.png.html") no-repeat scroll 17px 13px; padding-left: 30px;}
.articlecategory ul li a{color: #333;}
.articlecategory ul li a:hover{color: #fa1020;}

.aticle_content{padding: 0 15px; line-height: 25px;}
@media (min-width: 768px) {
.aticle_content{padding: 0 25px; line-height: 28px;}
}
.aticle_content h1{font-size: 22px; text-align: center; font-weight: bold; color: #305BE4; padding: 10px 0 15px 0; margin-bottom: 5px; margin-top: 10px; background: none; border-bottom: 2px solid #ff6600; letter-spacing: 1px;}
.aticle_content h2{font-size:16px; margin: 10px 0; line-height: 25px; padding-left: 23px; color: #305be4; letter-spacing: 0;     background: url("../images/h2-title.png.html") no-repeat 0px 1px; font-weight: bold;}
.aticle_content h3{font-size:15px; margin: 10px 0; line-height: 25px; padding-left: 15px; color: #305be4; letter-spacing: 0; background: url("../images/list.png") no-repeat 0px 7px;}
.aticle_content p{font-size: 15px; text-indent: 2em; margin: 8px 0; line-height: 30px;}
.canshu{text-align: center; background: #f6f4f4; line-height: 31px; border-bottom: 3px #fff solid;}
.canshu span{ font-size: 12px; padding-right: 10px; color: #ff6600; padding-top: 2px;}
.canshu span i{ font-size: 12px; color: #333;}
.aticle_content p a{color: #305be4;}
.aticle_content p a:hover{color: #FF6600;}
.aticle_content ul{margin-bottom: 0;}
.aticle_content img{text-indent: 0em; display: block; margin-left: auto; margin-right: auto; max-width: 100%; height: auto;}
.aticle_content iframe{text-align: center; width: 660px; height: 371px;}
@media (max-width: 768px) {
.aticle_content iframe{width: 300px; height: 170px;}
}
@media (min-width: 992px) {
.aticle_content iframe{width: 660px; height: 371px;}
}
.aticle_content table {width:100%;margin:15px 0;}
.aticle_content table td {padding:8px;border:1px solid #999;line-height:1em;font-size:14px;}
.aticle_content table p {line-height:1em;font-size:14px;margin:0;padding:0;}



.related_articles h3{font-size:16px; margin: 5px 10px 0 10px; line-height: 32px; padding-left: 5px; color: #305BE4; font-weight: bold; border-bottom: 2px solid #ff6600; letter-spacing: 1px;}
.related_articles h3 span{padding-right: 6px; font-size: 13px; color: #305BE4;}
.related_articles ul{padding: 10px 25px;}
.related_articles li{padding: 7px 0;}
.related_articles li a{color: #333;}
.related_articles li a:hover{color: #fa1020;}
.related_articles ul li span{padding-right: 5px; color: #ff6600; font-size: 12px; float: right; padding-top: 2px;}

.next{padding: 1px 0;}
.next p{font-size: 14px; line-height: 20px;}
.next p a{color: #555;}
.next p a:hover{color: #ff6600;}

.nav-footer{display: block; height: 50px; position: fixed; bottom: 0; width: 100%; background: #f9962e; z-index: 999;}
.nav-footer a{color: #555; text-decoration: none; padding: 0;}
.nav-footer span {color: #fff; text-align: center; display: block; padding: 5px 0; font-size: 20px;}
.nav-footer b {display: block; text-align: center; color: #fff; font-size: 14px;}
.nav-footer a img{color: #fff; padding: 4px 0 1px 0;}

.izl-rmenu{position:fixed; left:95%;bottom:10px; padding-bottom:73px; background:url("../images/r_b.png.html") 0px bottom no-repeat; z-index:999; }
.izl-rmenu .btn{width:72px; height:73px; margin-bottom:1px; cursor:pointer; position:relative; margin: 2px 0;}
.izl-rmenu .btn-qq{background:url("../images/r_qq.png") 0px 0px no-repeat; background-color:#6da9de;}
.izl-rmenu .btn-qq:hover{background-color:#488bc7;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url("../images/r_qq.png") 0px 0px no-repeat; background-color:#6da9de; text-decoration:none; display:block;}
.izl-rmenu .btn-wx{background:url("../images/r_wx.png") 0px 0px no-repeat; background-color:#78c340;}
.izl-rmenu .btn-wx:hover{background-color:#58a81c;}
.izl-rmenu .btn-wx .pic{position:absolute; left:-163px; top:0px; display:none; width:160px; height:160px; padding: 0;}
.izl-rmenu .btn-phone{background:url("../images/r_phone.png") 0px 0px no-repeat; background-color:#fbb01f;}
.izl-rmenu .btn-phone:hover{background-color:#ff811b;}
.izl-rmenu .btn-phone .phone{background-color:#ff811b; position:absolute; width:160px; left:-160px; top:0px; line-height:73px; color:#FFF; font-size:18px; text-align:center; display:none;}
.izl-rmenu .btn-top{background:url("../images/r_top.png") 0px 0px no-repeat; background-color:#666666; display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}

.hd404{padding-top: 20px; padding-bottom: 5px;}
.hd404 p{text-align: center; font-size: 20px; color: #fa8409;}

.lemma-catalog-nav{border-bottom: 1px solid #ff6600;}
.lemma-catalog-nav-title{padding-top: 0;}
.lemma-catalog-nav-title h3{color: #fff; background: #137EF4; padding: 60px 0; text-align: center; margin-top: 0; margin-bottom: 10px;}
.lemma-catalog-nav-list{padding-left: 15px; padding-top: 0;}
.lemma-catalog-nav-list li{line-height: 30px; margin: 5px; background: #137ef4; border-radius: 10px;}
.lemma-catalog-nav-list li:hover{background: #ff6600;}
.lemma-catalog-nav-list li a{padding-left: 8px; color: #fff; font-size: 15px;}
.lemma-catalog-nav img{display: inline; padding: 0 0 3px 5px;}
@media (max-width: 768px) {
.description img{padding: 0;}
.lemma-catalog p{text-align: center;}
.product_thumb{padding: 10px 0 15px 5px;}
.art_lemma-catalog .catalog_list{margin-right: 0;}
.contact_side {margin-left: 13px;}
}